<!DOCTYPE html>
<html style="font-size:62.5%">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>欢瑞世纪影视传媒</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/public.js"></script>
	</head>

	<body>
		<div class="personlist">
			<div class="bgdetail"><img src="images/bg.jpg" /></div>
			<div class="detailbox">
				<div class="detail">
					<a href="#">
						<img src="images/lyf.jpg"/>
					</a>
					<div class="topic">
						<h1>青云志</h1>
						<div class="content">
							<p>导演：<em>朱锐斌 / 刘国辉</em></p>
							<p>主演：<em>李易峰 / 杨紫 / 赵丽颖</em></p>
							<p>类型：<em>古装 / 仙侠 / 玄幻</em></p>
							<p>首播时间：<em>2015.12.24</em></p>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="summary">
					<h2>影片简介</h2>
					<p>曾经风光四九城的老炮六爷(冯小刚饰)，难以适应社会巨变，蛰伏于胡同深处，过着遛鸟、管闲事、发牢骚的无聊日子。某日，六爷和“小炮儿”...<a href="#">展开>></a></p>
				</div>
				<div class="swiper-container slide">
					<p class="table">演员表</p>
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#"><img src="images/lyf03.jpg" /></a>
							<p>老炮儿</p>
							<p>饰<em>张晓波</em></p>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="images/lyf02.jpg" /></a>
							<p>怦然心动</p>
							<p>饰<em>苏星宇</em></p>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="images/lyf03.jpg" /></a>
							<p>老炮儿</p>
							<p>饰<em>张晓波</em></p>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="images/lyf02.jpg" /></a>
							<p>心动</p>
							<p>饰<em>苏星宇</em></p>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="images/lyf03.jpg" /></a>
							<p>老炮儿</p>
							<p>饰<em>张晓波</em></p>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="images/lyf02.jpg" /></a>
							<p>怦然心动</p>
							<p>饰<em>苏星宇</em></p>
						</div>
					</div>
				</div>
				<div class="picbox">
					<h2>高清剧照</h2>
					<ul class="fluid">
						<li>
							<a href="#"><img src="images/lyf02.jpg"/></a>
							<a href="#"><img src="images/lyf03.jpg"/></a>
							<a href="#"><img src="images/lyf04.jpg"/></a>
							<a href="#"><img src="images/lyf02.jpg"/></a>
						</li>
						<li>
							<a href="#"><img src="images/lyf03.jpg"/></a>
							<a href="#"><img src="images/lyf02.jpg"/></a>
							<a href="#"><img src="images/lyf04.jpg"/></a>
							<a href="#"><img src="images/lyf03.jpg"/></a>
						</li>
					</ul>
				</div>
			</div>
			<a href="#" class="open">打开娱丸app查看更多内容</a>
		</div>
		<div class="download">
			<a href="#"><img src="" /></a>
			<a href="#" class="reload">前往下载</a>
		</div>
		<script type="text/javascript">
			window.onload = function() {
				var mySwiper = new Swiper('.slide', {
					freeMode: true,
					slidesPerView: 'auto',
					spaceBetween: 10,
					freeModeSticky: true,
				});
			}
			$('#header .swiper-slide a').click(function() {
				$('#header .swiper-slide a').removeClass('current');
				$(this).addClass('current');
			});
			$('.picbox ul.fluid li:nth-of-type(2n+2)').css('margin-right','0');
		</script>
	</body>

</html>